<template>
    <div class="m-top">
             <div class="topUl">
                 <ul class="clearFix">
                 <li>甜甜甜甜甜！</li>
                 <li><i class="el-icon-setting"></i></li>
                 <li><i class="el-icon-minus"></i></li>
                 <li><i class="el-icon-plus"></i></li>
             </ul>
             </div>
              <TAB></TAB>
    </div>
</template>
<script>
  import TAB from '../../../src/components/tab/tab.vue'
    export default{
   components:{
       TAB
    }


    }
</script>
<style scoped>
    .topUl{
      height: 51px; 
      background-color: #850202;
    }
      .m-top {
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 9;
    }
    .m-top ul{
        text-align: right;
        float: right;
        right: 0;
        margin: 15px 30px;
    }
    ul li{
        float: left;
        list-style: none;
        padding: 0px 5px;
    }
</style>